<template>
	<view class="main">
		<iconMusic/>
		<next/>
		<view class="uni-title-one">
			{{ cgAndMe.lineOne.textOne }}<br/>
			{{ cgAndMe.lineOne.textTwo}}
		</view>
		<view class="uni-title-two">
			{{ cgAndMe.lineTwo.textOne }}
			<text class="yellow">{{ data.time}}</text>
			{{ cgAndMe.lineTwo.textTwo}}
		</view>
	</view>
</template>

<script setup>
	import { reactive } from 'vue'
	import iconMusic from '/components/iconMusic/iconMusic.vue'
	import teacher from '/stateData/teacher.js'
	const { cgAndMe } = teacher
	const data = reactive({
		time:'2016年5月6日'
	})
</script>

<style scoped lang="scss">
	@import url(/static/css/style.css);
	.main{
		width: 100%;
		height: 100vh;
		background:url(http://rjinbysql.hn-bkt.clouddn.com/static/images/tebg-cgAndMe.png) no-repeat;
		background-size: 100% 100%;
	}
</style>